<template>
  <div class="zst-box">
	<zst-header :title='title'></zst-header>
	
		<div class="over-scroll" id="demo">
			<nav class="top-nav2" style="width:990px" >
			<p :class="currentNav==1?'hover':''" @click='currentNav=1'>基本走势<span></span></p>
			<p :class="currentNav==2?'hover':''" @click='currentNav=2'>红球走势<span></span></p>
			<p :class="currentNav==3?'hover':''" @click='currentNav=3'>蓝球走势<span></span></p>
			<p :class="currentNav==4?'hover':''" @click='currentNav=4'>连号走势<span></span></p>
			<p :class="currentNav==5?'hover':''" @click='currentNav=5'>重号走势<span></span></p>
			<p :class="currentNav==6?'hover':''" @click='currentNav=6'>周二走势<span></span></p>
			<p :class="currentNav==7?'hover':''" @click='currentNav=7'>周四走势<span></span></p>
			<p :class="currentNav==8?'hover':''" @click='currentNav=8'>周日走势<span></span></p>
			<p :class="currentNav==9?'hover':''" @click='currentNav=9'>大小走势<span></span></p>
			<p :class="currentNav==10?'hover':''" @click='currentNav=10'>奇偶走势<span></span></p>
			<p :class="currentNav==11?'hover':''" @click='currentNav=11'>跨度走势<span></span></p>
			</nav>
		</div>
	
	
	
    <div class="superbox">
		<div class="chart-container">
			<div class="chart-main">
				<div :class="currentNav==1?'page page1 active pageTit':'page page1 pageTit'" style="width:1830px;">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="basicSort?'icon_jt_down flex_2':'icon_jt flex_2'" @click='sortData(basic,currentNav)'><p>期次</p></span>
								<span class="flex_2 line40"><p>星期</p></span>
								<span class="flex_11">
									<p>一区</p>
									<div>
										<p>01</p>
										<p>02</p>
										<p>03</p>
										<p>04</p>
										<p>05</p>
										<p>06</p>
										<p>07</p>
										<p>08</p>
										<p>09</p>
										<p>10</p>
										<p>11</p>
									</div>
								</span>
								<span class="flex_11">
									<p>二区</p>
									<div>
										<p>12</p>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
										<p>17</p>
										<p>18</p>
										<p>19</p>
										<p>20</p>
										<p>21</p>
										<p>22</p>
									</div>
								</span>
								<span class="flex_11">
									<p>三区</p>
									<div>
										<p>23</p>
										<p>24</p>
										<p>25</p>
										<p>26</p>
										<p>27</p>
										<p>28</p>
										<p>29</p>
										<p>30</p>
										<p>31</p>
										<p>32</p>
										<p>33</p>
									</div>
								</span>
								<span class="flex_16">
									<p>蓝球</p>
									<div>
										<p>01</p>
										<p>02</p>
										<p>03</p>
										<p>04</p>
										<p>05</p>
										<p>06</p>
										<p>07</p>
										<p>08</p>
										<p>09</p>
										<p>10</p>
										<p>11</p>
										<p>12</p>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
									</div>
								</span>
								<span class="flex_2 line40">
									<p>和值</p>
								</span>
								<span class="flex_2 line40">
									<p>跨度</p>
								</span>
								<span class="flex_2 line40">
									<p>区间比</p>
								</span>
								<span class="flex_2 line40">
									<p>奇偶比</p>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in basic' :key='index'>
										<span class="flex_2">{{item.periodId}}</span>
										<span class="flex_2">{{item.weekDay}}</span>
										<div class="flex-box flex_33">
											<template v-for='(items,indexs) in item.origin'>
												<span v-if='items == 0' class="cur"><font>{{(indexs+1)<10?('0'+(indexs+1).toString()):(indexs+1)}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										<div class="flex-box flex_16">
											<template v-for='(items,indexs) in item.blueOrigin'>
												<span v-if='items == 0' class="cur_blue"><font>{{(indexs+1)<10?('0'+(indexs+1).toString()):(indexs+1)}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										
										<span class="flex_2">{{item.sumValue}}</span>
										<span class="flex_2">{{item.span}}</span>
										<span :class="checkValSame(item.sectionScore)?'cur3 flex_2':'flex_2'"><font>{{item.sectionScore}}</font></span>
										<span :class="checkValSame(item.parityScore)?'cur4 flex_2':'flex_2'"><font>{{item.parityScore}}</font></span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_2">出现次数</span>
								<span class="flex_2">-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in basicOther.appearCount'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_16 flex-box">
									<template v-for='(item,index) in basicOther.blueAppearCount'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
							<li class="color_gray">
								<span class="flex_2">平均遗漏</span>
								<span class="flex_2">-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in basicOther.avgMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_16 flex-box">
									<template v-for='(item,index) in basicOther.blueAvgMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
							<li  class="color_blue">
								<span class="flex_2">最大遗漏</span>
								<span class="flex_2">-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in basicOther.maxMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_16 flex-box">
									<template v-for='(item,index) in basicOther.blueMaxMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
							<li  class="color_black">
								<span class="flex_2">最大连出</span>
								<span class="flex_2">-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in basicOther.maxContinuous'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_16 flex-box">
									<template v-for='(item,index) in basicOther.blueMaxContinuous'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
						</ul>
					</div>
				</div>
				<div :class="currentNav==2?'page page2 active pageTit':'page page2 pageTit'" style="width:1650px;">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="redBallSort?'icon_jt_down flex_2':'icon_jt flex_2'" @click='sortData(redBall,currentNav)'><p>期次</p></span>
								<span class="flex_2 line40"><p>星期</p></span>
								<span class="flex_11">
									<p>一区</p>
									<div>
										<p>01</p>
										<p>02</p>
										<p>03</p>
										<p>04</p>
										<p>05</p>
										<p>06</p>
										<p>07</p>
										<p>08</p>
										<p>09</p>
										<p>10</p>
										<p>11</p>
									</div>
								</span>
								<span class="flex_11">
									<p>二区</p>
									<div>
										<p>12</p>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
										<p>17</p>
										<p>18</p>
										<p>19</p>
										<p>20</p>
										<p>21</p>
										<p>22</p>
									</div>
								</span>
								<span class="flex_11">
									<p>三区</p>
									<div>
										<p>23</p>
										<p>24</p>
										<p>25</p>
										<p>26</p>
										<p>27</p>
										<p>28</p>
										<p>29</p>
										<p>30</p>
										<p>31</p>
										<p>32</p>
										<p>33</p>
									</div>
								</span>
								<span class="flex_16">
									<p>红球分析</p>
									<div>
										<p>和值</p>
										<p>跨度</p>
										<p>AC值</p>
										<p>区间比</p>
										<p>奇偶比</p>
										<p>冷热比</p>
										<p>重号</p>
										<p>连号</p>
									</div>
								</span>
								<span class="flex_2 line40">
									<p>蓝球</p>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in redBall' :key='index'>
										<span class="flex_2">{{item.periodId}}</span>
										<span class="flex_2">{{item.weekDay}}</span>
										<div class="flex-box flex_33">
											<template v-for='(items,indexs) in item.origin'>
												<span v-if='items == 0' class="cur"><font>{{(indexs+1)<10?('0'+(indexs+1).toString()):(indexs+1)}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										<div class="flex-box flex_16">
											<span>{{item.sumValue}}</span>
											<span>{{item.span}}</span>
											<span>{{item.ac}}</span>
											<span :class="checkValSame(item.sectionScore)?'cur3':''"><font>{{item.sectionScore}}</font></span>
											<span :class="checkValSame(item.parityScore)?'cur4':''"><font>{{item.parityScore}}</font></span>
											<span>{{item.hotScore}}</span>
											<span>{{item.repeatNumber}}</span>
											<span>{{item.continuousNumber}}</span>
										</div>
										<span class="flex_2">{{item.blueAwardCode}}</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_2">出现次数</span>
								<span class="flex_2">-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in redBallOther.appearCount'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_16 flex-box">
									<template v-for='item in new Array(8)'>
										<span>-</span>
									</template>
								</div>
								<span class="flex_2">-</span>
							</li>
							<li class="color_gray">
								<span class="flex_2">平均遗漏</span>
								<span class="flex_2">-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in redBallOther.avgMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_16 flex-box">
									<template v-for='item in new Array(8)'>
										<span>-</span>
									</template>
								</div>
								<span class="flex_2">-</span>
							</li>
							<li  class="color_blue">
								<span class="flex_2">最大遗漏</span>
								<span class="flex_2">-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in redBallOther.maxMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_16 flex-box">
									<template v-for='item in new Array(8)'>
										<span>-</span>
									</template>
								</div>
								<span class="flex_2">-</span>
							</li>
							<li  class="color_black">
								<span class="flex_2">最大连出</span>
								<span class="flex_2">-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in redBallOther.maxContinuous'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_16 flex-box">
									<template v-for='item in new Array(8)'>
										<span>-</span>
									</template>
								</div>
								<span class="flex_2">-</span>
							</li>
						</ul>
					</div>
				</div>
				<div :class="currentNav==3?'page page3 active pageTit':'page page3 pageTit'" style="width:1320px;">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="blueBallSort?'icon_jt_down flex_2':'icon_jt flex_2'" @click='sortData(blueBall,currentNav)'><p>期次</p></span>
								<span><p>星<br>期</p></span>
								<span class="flex_4">
									<p>一区</p>
									<div>
										<p>01</p>
										<p>02</p>
										<p>03</p>
										<p>04</p>
									</div>
								</span>
								<span class="flex_4">
									<p>二区</p>
									<div>
										<p>05</p>
										<p>06</p>
										<p>07</p>
										<p>08</p>
									</div>
								</span>
								<span class="flex_4">
									<p>三区</p>
									<div>
										<p>09</p>
										<p>10</p>
										<p>11</p>
										<p>12</p>
									</div>
								</span>
								<span class="flex_4">
									<p>四区</p>
									<div>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
									</div>
								</span>
								<span class="flex_2">
									<p>大小</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
								<span class="flex_2">
									<p>奇偶</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
								<span class="flex_3">
									<p>012路</p>
									<div>
										<p>0</p>
										<p>1</p>
										<p>2</p>
									</div>
								</span>
								<span class="flex_2">
									<p>冷热</p>
									<div>
										<p>冷</p>
										<p>热</p>
									</div>
								</span>
								<span class="flex_4">
									<p>四区走势</p>
									<div>
										<p>一区</p>
										<p>二区</p>
										<p>三区</p>
										<p>四区</p>
									</div>
								</span>
								<span>
									<p>振<br>幅</p>
								</span>
								<span>
									<p>尾<br>数</p>
								</span>
								<span class="flex_10">
									<p>尾数走势</p>
									<div>
										<p>00</p>
										<p>01</p>
										<p>02</p>
										<p>03</p>
										<p>04</p>
										<p>05</p>
										<p>06</p>
										<p>07</p>
										<p>08</p>
										<p>09</p>
									</div>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in blueBall' :key='index'>
										<span class="flex_2">{{item.periodId}}</span>
										<span>{{item.weekDay}}</span>
										<div class="flex_16 flex-box">
											<template v-for='(items,indexs) in item.baiscOrigin'>
												<span v-if='items == 0' class="cur_blue"><font>{{(indexs+1)<10?('0'+(indexs+1).toString()):(indexs+1)}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										<div class="flex_2 flex-box">
											<template v-for='(items,indexs) in item.bigOrSmallOrigin'>
												<span v-if='items == 0' class="cur_x"><font>{{indexs%2==0?'大':'小'}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										<div class="flex_2 flex-box">
											<template v-for='(items,indexs) in item.parityOrigin'>
												<span v-if='items == 0' class="cur_d"><font>{{indexs%2==0?'奇':'偶'}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										<div class="flex_3 flex-box">
											<template v-for='(items,indexs) in item.than012Origin'>
												<span v-if='items == 0' class="cur_x"><font>{{indexs==0?'0':indexs==1?'1':'2'}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										<div class="flex_2 flex-box">
											<template v-for='(items,indexs) in item.coldOrHotOrigin'>
												<span v-if='items == 0' class="cur_d"><font>{{indexs==0?'冷':'热'}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										<div class="flex_4 flex-box">
											<template v-for='(items,indexs) in item.regionOrigin'>
												<span v-if='items == 0' class="cur_blue"><font>{{item.blueAwardCode}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										<span>{{item.amplitude}}</span>
										<span>{{item.mantissa}}</span>
										<div class="flex_10 flex-box">
											<template v-for='(items,indexs) in item.mantissaOrigin'>
												<span v-if='items == 0' class="cur_blue"><font>{{'0'+indexs}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_2">出现次数</span>
								<template v-for='(item,index) in blueBallOther.appearCount'>
									<span>{{item}}</span>
								</template>
							</li>
							<li class="color_gray">
								<span class="flex_2">平均遗漏</span>
								<template v-for='(item,index) in blueBallOther.avgMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_blue">
								<span class="flex_2">最大遗漏</span>
								<template v-for='(item,index) in blueBallOther.maxMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_black">
								<span class="flex_2">最大连出</span>
								<template v-for='(item,index) in blueBallOther.maxContinuous'>
									<span>{{item}}</span>
								</template>
							</li>
						</ul>
					</div>
				</div>
				<div :class="currentNav==4?'page page4 active pageTit':'page page4 pageTit'" style="width:1470px;">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="continuousSort?'icon_jt_down flex_2':'icon_jt flex_2'" @click='sortData(continuous,currentNav)'><p>期次</p></span>
								<span><p>星<br>期</p></span>
								<span class="flex_11">
									<p>一区</p>
									<div>
										<p>01</p>
										<p>02</p>
										<p>03</p>
										<p>04</p>
										<p>05</p>
										<p>06</p>
										<p>07</p>
										<p>08</p>
										<p>09</p>
										<p>10</p>
										<p>11</p>
									</div>
								</span>
								<span class="flex_11">
									<p>二区</p>
									<div>
										<p>12</p>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
										<p>17</p>
										<p>18</p>
										<p>19</p>
										<p>20</p>
										<p>21</p>
										<p>22</p>
									</div>
								</span>
								<span class="flex_11">
									<p>三区</p>
									<div>
										<p>23</p>
										<p>24</p>
										<p>25</p>
										<p>26</p>
										<p>27</p>
										<p>28</p>
										<p>29</p>
										<p>30</p>
										<p>31</p>
										<p>32</p>
										<p>33</p>
									</div>
								</span>
								<span class="flex_12">
									<p>红球分析</p>
									<div>
										<p>和值</p>
										<p>跨度</p>
										<p>区间比</p>
										<p>奇偶比</p>
										<p>重号</p>
										<p>连号</p>
									</div>
								</span>
								<span class="flex_2 line40">
									<p>蓝球</p>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in continuous' :key='index'>
										<span class="flex_2">{{item.periodId}}</span>
										<span>{{item.weekDay}}</span>
										<div class="flex-box flex_33">
											<template v-for='(items,indexs) in item.origin'>
												<span v-if='items == 0' class="cur"><font>{{(indexs+1)<10?('0'+(indexs+1).toString()):(indexs+1)}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										<div class="flex_12 flex-box">
											<span>{{item.sumValue}}</span>
											<span>{{item.span}}</span>
											<span :class="checkValSame(item.sectionScore)?'cur3':''"><font>{{item.sectionScore}}</font></span>
											<span :class="checkValSame(item.parityScore)?'cur4':''"><font>{{item.parityScore}}</font></span>
											<span>{{item.repeatNumber}}</span>
											<span>{{item.continuousNumber}}</span>
										</div>
										<span class="flex_2">{{item.blueAwardCode}}</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_2">出现次数</span>
								<span>-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in continuousOther.appearCount'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_14 flex-box">
									<template v-for='item in new Array(7)'>
										<span>-</span>
									</template>
								</div>
							</li>
							<li class="color_gray">
								<span class="flex_2">平均遗漏</span>
								<span>-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in continuousOther.avgMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_14 flex-box">
									<template v-for='item in new Array(7)'>
										<span>-</span>
									</template>
								</div>
							</li>
							<li  class="color_blue">
								<span class="flex_2">最大遗漏</span>
								<span>-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in continuousOther.maxMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_14 flex-box">
									<template v-for='item in new Array(7)'>
										<span>-</span>
									</template>
								</div>
							</li>
							<li  class="color_black">
								<span class="flex_2">最大连出</span>
								<span>-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in continuousOther.maxContinuous'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_14 flex-box">
									<template v-for='item in new Array(7)'>
										<span>-</span>
									</template>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div :class="currentNav==5?'page page5 active pageTit':'page page5 pageTit'" style="width:1470px;">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="repeatSort?'icon_jt_down flex_2':'icon_jt flex_2'" @click='sortData(repeat,currentNav)'><p>期次</p></span>
								<span><p>星<br>期</p></span>
								<span class="flex_11">
									<p>一区</p>
									<div>
										<p>01</p>
										<p>02</p>
										<p>03</p>
										<p>04</p>
										<p>05</p>
										<p>06</p>
										<p>07</p>
										<p>08</p>
										<p>09</p>
										<p>10</p>
										<p>11</p>
									</div>
								</span>
								<span class="flex_11">
									<p>二区</p>
									<div>
										<p>12</p>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
										<p>17</p>
										<p>18</p>
										<p>19</p>
										<p>20</p>
										<p>21</p>
										<p>22</p>
									</div>
								</span>
								<span class="flex_11">
									<p>三区</p>
									<div>
										<p>23</p>
										<p>24</p>
										<p>25</p>
										<p>26</p>
										<p>27</p>
										<p>28</p>
										<p>29</p>
										<p>30</p>
										<p>31</p>
										<p>32</p>
										<p>33</p>
									</div>
								</span>
								<span class="flex_12">
									<p>红球分析</p>
									<div>
										<p>和值</p>
										<p>跨度</p>
										<p>区间比</p>
										<p>奇偶比</p>
										<p>重号</p>
										<p>连号</p>
									</div>
								</span>
								<span class="flex_2 line40">
									<p>蓝球</p>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in repeat' :key='index'>
										<span class="flex_2">{{item.periodId}}</span>
										<span>{{item.weekDay}}</span>
										<div class="flex-box flex_33">
											<template v-for='(items,indexs) in item.origin'>
												<span v-if='items == 0' class="cur"><font>{{(indexs+1)<10?('0'+(indexs+1).toString()):(indexs+1)}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										<div class="flex_12 flex-box">
											<span>{{item.sumValue}}</span>
											<span>{{item.span}}</span>
											<span :class="checkValSame(item.sectionScore)?'cur3':''"><font>{{item.sectionScore}}</font></span>
											<span :class="checkValSame(item.parityScore)?'cur4':''"><font>{{item.parityScore}}</font></span>
											<span>{{item.repeatNumber}}</span>
											<span>{{item.continuousNumber}}</span>
										</div>
										<span class="flex_2">{{item.blueAwardCode}}</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_2">出现次数</span>
								<span>-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in repeatOther.appearCount'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_14 flex-box">
									<template v-for='item in new Array(7)'>
										<span>-</span>
									</template>
								</div>
							</li>
							<li class="color_gray">
								<span class="flex_2">平均遗漏</span>
								<span>-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in repeatOther.avgMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_14 flex-box">
									<template v-for='item in new Array(7)'>
										<span>-</span>
									</template>
								</div>
							</li>
							<li  class="color_blue">
								<span class="flex_2">最大遗漏</span>
								<span>-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in repeatOther.maxMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_14 flex-box">
									<template v-for='item in new Array(7)'>
										<span>-</span>
									</template>
								</div>
							</li>
							<li  class="color_black">
								<span class="flex_2">最大连出</span>
								<span>-</span>
								<div class="flex_33 flex-box">
									<template v-for='(item,index) in repeatOther.maxContinuous'>
										<span>{{item}}</span>
									</template>
								</div>
								<div class="flex_14 flex-box">
									<template v-for='item in new Array(7)'>
										<span>-</span>
									</template>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div :class="currentNav==6?'page page6 active pageTit':'page page6 pageTit'" style="width:1830px;">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="TuesdaySort?'icon_jt_down flex_2':'icon_jt flex_2'" @click='sortData(Tuesday,currentNav)'><p>期次</p></span>
								<span class="flex_2 line40"><p>星期</p></span>
								<span class="flex_11">
									<p>一区</p>
									<div>
										<p>01</p>
										<p>02</p>
										<p>03</p>
										<p>04</p>
										<p>05</p>
										<p>06</p>
										<p>07</p>
										<p>08</p>
										<p>09</p>
										<p>10</p>
										<p>11</p>
									</div>
								</span>
								<span class="flex_11">
									<p>二区</p>
									<div>
										<p>12</p>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
										<p>17</p>
										<p>18</p>
										<p>19</p>
										<p>20</p>
										<p>21</p>
										<p>22</p>
									</div>
								</span>
								<span class="flex_11">
									<p>三区</p>
									<div>
										<p>23</p>
										<p>24</p>
										<p>25</p>
										<p>26</p>
										<p>27</p>
										<p>28</p>
										<p>29</p>
										<p>30</p>
										<p>31</p>
										<p>32</p>
										<p>33</p>
									</div>
								</span>
								<span class="flex_16">
									<p>蓝球</p>
									<div>
										<p>01</p>
										<p>02</p>
										<p>03</p>
										<p>04</p>
										<p>05</p>
										<p>06</p>
										<p>07</p>
										<p>08</p>
										<p>09</p>
										<p>10</p>
										<p>11</p>
										<p>12</p>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
									</div>
								</span>
								<span class="flex_2 line40">
									<p>和值</p>
								</span>
								<span class="flex_2 line40">
									<p>跨度</p>
								</span>
								<span class="flex_2 line40">
									<p>区间比</p>
								</span>
								<span class="flex_2 line40">
									<p>奇偶比</p>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in Tuesday' :key='index'>
										<span class="flex_2">{{item.periodId}}</span>
										<span class="flex_2">{{item.weekDay}}</span>
										<div class="flex-box flex_49">
											<template v-for='(items,indexs) in item.origin'>
												<span v-if='items == 0' :class="(indexs-32)>0?'cur_blue':'cur'"><font>{{(indexs-32)>0?(indexs-32):(indexs+1)}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										<span class="flex_2">{{item.sumValue}}</span>
										<span class="flex_2">{{item.span}}</span>
										<span :class="checkValSame(item.sectionScore)?'cur3 flex_2':'flex_2'"><font>{{item.sectionScore}}</font></span>
										<span :class="checkValSame(item.parityScore)?'cur4 flex_2':'flex_2'"><font>{{item.parityScore}}</font></span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_2">出现次数</span>
								<span class="flex_2">-</span>
								<div class="flex_49 flex-box">
									<template v-for='(item,index) in TuesdayOther.appearCount'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
							<li class="color_gray">
								<span class="flex_2">平均遗漏</span>
								<span class="flex_2">-</span>
								<div class="flex_49 flex-box">
									<template v-for='(item,index) in TuesdayOther.avgMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
							<li  class="color_blue">
								<span class="flex_2">最大遗漏</span>
								<span class="flex_2">-</span>
								<div class="flex_49 flex-box">
									<template v-for='(item,index) in TuesdayOther.maxMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
							<li  class="color_black">
								<span class="flex_2">最大连出</span>
								<span class="flex_2">-</span>
								<div class="flex_49 flex-box">
									<template v-for='(item,index) in TuesdayOther.maxContinuous'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
						</ul>
					</div>
				</div>
				<div :class="currentNav==7?'page page7 active pageTit':'page page7 pageTit'" style="width:1830px;">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="ThursdaySort?'icon_jt_down flex_2':'icon_jt flex_2'" @click='sortData(Thursday,currentNav)'><p>期次</p></span>
								<span class="flex_2 line40"><p>星期</p></span>
								<span class="flex_11">
									<p>一区</p>
									<div>
										<p>01</p>
										<p>02</p>
										<p>03</p>
										<p>04</p>
										<p>05</p>
										<p>06</p>
										<p>07</p>
										<p>08</p>
										<p>09</p>
										<p>10</p>
										<p>11</p>
									</div>
								</span>
								<span class="flex_11">
									<p>二区</p>
									<div>
										<p>12</p>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
										<p>17</p>
										<p>18</p>
										<p>19</p>
										<p>20</p>
										<p>21</p>
										<p>22</p>
									</div>
								</span>
								<span class="flex_11">
									<p>三区</p>
									<div>
										<p>23</p>
										<p>24</p>
										<p>25</p>
										<p>26</p>
										<p>27</p>
										<p>28</p>
										<p>29</p>
										<p>30</p>
										<p>31</p>
										<p>32</p>
										<p>33</p>
									</div>
								</span>
								<span class="flex_16">
									<p>蓝球</p>
									<div>
										<p>01</p>
										<p>02</p>
										<p>03</p>
										<p>04</p>
										<p>05</p>
										<p>06</p>
										<p>07</p>
										<p>08</p>
										<p>09</p>
										<p>10</p>
										<p>11</p>
										<p>12</p>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
									</div>
								</span>
								<span class="flex_2 line40">
									<p>和值</p>
								</span>
								<span class="flex_2 line40">
									<p>跨度</p>
								</span>
								<span class="flex_2 line40">
									<p>区间比</p>
								</span>
								<span class="flex_2 line40">
									<p>奇偶比</p>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in Thursday' :key='index'>
										<span class="flex_2">{{item.periodId}}</span>
										<span class="flex_2">{{item.weekDay}}</span>
										<div class="flex-box flex_49">
											<template v-for='(items,indexs) in item.origin'>
												<span v-if='items == 0' :class="(indexs-32)>0?'cur_blue':'cur'"><font>{{(indexs-32)>0?(indexs-32):(indexs+1)}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										<span class="flex_2">{{item.sumValue}}</span>
										<span class="flex_2">{{item.span}}</span>
										<span :class="checkValSame(item.sectionScore)?'cur3 flex_2':'flex_2'"><font>{{item.sectionScore}}</font></span>
										<span :class="checkValSame(item.parityScore)?'cur4 flex_2':'flex_2'"><font>{{item.parityScore}}</font></span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_2">出现次数</span>
								<span class="flex_2">-</span>
								<div class="flex_49 flex-box">
									<template v-for='(item,index) in ThursdayOther.appearCount'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
							<li class="color_gray">
								<span class="flex_2">平均遗漏</span>
								<span class="flex_2">-</span>
								<div class="flex_49 flex-box">
									<template v-for='(item,index) in ThursdayOther.avgMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
							<li  class="color_blue">
								<span class="flex_2">最大遗漏</span>
								<span class="flex_2">-</span>
								<div class="flex_49 flex-box">
									<template v-for='(item,index) in ThursdayOther.maxMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
							<li  class="color_black">
								<span class="flex_2">最大连出</span>
								<span class="flex_2">-</span>
								<div class="flex_49 flex-box">
									<template v-for='(item,index) in ThursdayOther.maxContinuous'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
						</ul>
					</div>
				</div>
				<div :class="currentNav==8?'page page8 active pageTit':'page page8 pageTit'" style="width:1830px;">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="SundaySort?'icon_jt_down flex_2':'icon_jt flex_2'" @click='sortData(Sunday,currentNav)'><p>期次</p></span>
								<span class="flex_2 line40"><p>星期</p></span>
								<span class="flex_11">
									<p>一区</p>
									<div>
										<p>01</p>
										<p>02</p>
										<p>03</p>
										<p>04</p>
										<p>05</p>
										<p>06</p>
										<p>07</p>
										<p>08</p>
										<p>09</p>
										<p>10</p>
										<p>11</p>
									</div>
								</span>
								<span class="flex_11">
									<p>二区</p>
									<div>
										<p>12</p>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
										<p>17</p>
										<p>18</p>
										<p>19</p>
										<p>20</p>
										<p>21</p>
										<p>22</p>
									</div>
								</span>
								<span class="flex_11">
									<p>三区</p>
									<div>
										<p>23</p>
										<p>24</p>
										<p>25</p>
										<p>26</p>
										<p>27</p>
										<p>28</p>
										<p>29</p>
										<p>30</p>
										<p>31</p>
										<p>32</p>
										<p>33</p>
									</div>
								</span>
								<span class="flex_16">
									<p>蓝球</p>
									<div>
										<p>01</p>
										<p>02</p>
										<p>03</p>
										<p>04</p>
										<p>05</p>
										<p>06</p>
										<p>07</p>
										<p>08</p>
										<p>09</p>
										<p>10</p>
										<p>11</p>
										<p>12</p>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
									</div>
								</span>
								<span class="flex_2 line40">
									<p>和值</p>
								</span>
								<span class="flex_2 line40">
									<p>跨度</p>
								</span>
								<span class="flex_2 line40">
									<p>区间比</p>
								</span>
								<span class="flex_2 line40">
									<p>奇偶比</p>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in Sunday' :key='index'>
										<span class="flex_2">{{item.periodId}}</span>
										<span class="flex_2">{{item.weekDay}}</span>
										<div class="flex-box flex_49">
											<template v-for='(items,indexs) in item.origin'>
												<span v-if='items == 0' :class="(indexs-32)>0?'cur_blue':'cur'"><font>{{(indexs-32)>0?(indexs-32):(indexs+1)}}</font></span>
												<span v-else>{{items}}</span>
											</template>
										</div>
										<span class="flex_2">{{item.sumValue}}</span>
										<span class="flex_2">{{item.span}}</span>
										<span :class="checkValSame(item.sectionScore)?'cur3 flex_2':'flex_2'"><font>{{item.sectionScore}}</font></span>
										<span :class="checkValSame(item.parityScore)?'cur4 flex_2':'flex_2'"><font>{{item.parityScore}}</font></span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_2">出现次数</span>
								<span class="flex_2">-</span>
								<div class="flex_49 flex-box">
									<template v-for='(item,index) in SundayOther.appearCount'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
							<li class="color_gray">
								<span class="flex_2">平均遗漏</span>
								<span class="flex_2">-</span>
								<div class="flex_49 flex-box">
									<template v-for='(item,index) in SundayOther.avgMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
							<li  class="color_blue">
								<span class="flex_2">最大遗漏</span>
								<span class="flex_2">-</span>
								<div class="flex_49 flex-box">
									<template v-for='(item,index) in SundayOther.maxMiss'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
							<li  class="color_black">
								<span class="flex_2">最大连出</span>
								<span class="flex_2">-</span>
								<div class="flex_49 flex-box">
									<template v-for='(item,index) in SundayOther.maxContinuous'>
										<span>{{item}}</span>
									</template>
								</div>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
								<span class="flex_2">-</span>
							</li>
						</ul>
					</div>
				</div>
				<div :class="currentNav==9?'page page9 active pageTit':'page page9 pageTit'" style="width:720px;">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="bigOrSmallSort?'icon_jt_down flex_2':'icon_jt flex_2'" @click='sortData(bigOrSmall,currentNav)'><p>期次</p></span>
								<span><p>星<br>期</p></span>
								<span class="flex_2">
									<p>第一位</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第二位</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第三位</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第四位</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第五位</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第六位</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
								<span class="flex_7">
									<p>大小比</p>
									<div>
										<p>0:6</p>
										<p>1:5</p>
										<p>2:4</p>
										<p>3:3</p>
										<p>4:2</p>
										<p>5:1</p>
										<p>6:0</p>
									</div>
								</span>
								<span class="flex_2">
									<p>蓝球</p>
									<div>
										<p>大</p>
										<p>小</p>
									</div>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in bigOrSmall' :key='index'>
										<span class="flex_2">{{item.periodId}}</span>
										<span>{{item.weekDay}}</span>
										<template v-for='(items,indexs) in item.origin'>
											<span v-if='items == 0' :class="indexs>11&&indexs<18?'cur_bf':indexs%2==0?'cur_d':'cur_x'"><font>{{bigOrSmallIndex[indexs]}}</font></span>
											<span v-else>{{items}}</span>
										</template>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_2">出现次数</span>
								<span>-</span>
								<template v-for='(item,index) in bigOrSmallOther.appearCount'>
									<span>{{item}}</span>
								</template>
							</li>
							<li class="color_gray">
								<span class="flex_2">平均遗漏</span>
								<span>-</span>
								<template v-for='(item,index) in bigOrSmallOther.avgMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_blue">
								<span class="flex_2">最大遗漏</span>
								<span>-</span>
								<template v-for='(item,index) in bigOrSmallOther.maxMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_black">
								<span class="flex_2">最大连出</span>
								<span>-</span>
								<template v-for='(item,index) in bigOrSmallOther.maxContinuous'>
									<span>{{item}}</span>
								</template>
							</li>
						</ul>
					</div>
				</div>
				<div :class="currentNav==10?'page page10 active pageTit':'page page10 pageTit'" style="width:720px;">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="paritySort?'icon_jt_down flex_2':'icon_jt flex_2'" @click='sortData(parity,currentNav)'><p>期次</p></span>
								<span><p>星<br>期</p></span>
								<span class="flex_2">
									<p>第一位</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第二位</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第三位</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第四位</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第五位</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
								<span class="flex_2">
									<p>第六位</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
								<span class="flex_7">
									<p>奇偶比</p>
									<div>
										<p>0:6</p>
										<p>1:5</p>
										<p>2:4</p>
										<p>3:3</p>
										<p>4:2</p>
										<p>5:1</p>
										<p>6:0</p>
									</div>
								</span>
								<span class="flex_2">
									<p>蓝球</p>
									<div>
										<p>奇</p>
										<p>偶</p>
									</div>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in parity' :key='index'>
										<span class="flex_2">{{item.periodId}}</span>
										<span>{{item.weekDay}}</span>
										<template v-for='(items,indexs) in item.origin'>
											<span v-if='items == 0' :class="indexs>11&&indexs<18?'cur_bf':indexs%2==0?'cur_d':'cur_x'"><font>{{parityIndex[indexs]}}</font></span>
											<span v-else>{{items}}</span>
										</template>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_2">出现次数</span>
								<span>-</span>
								<template v-for='(item,index) in parityOther.appearCount'>
									<span>{{item}}</span>
								</template>
							</li>
							<li class="color_gray">
								<span class="flex_2">平均遗漏</span>
								<span>-</span>
								<template v-for='(item,index) in parityOther.avgMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_blue">
								<span class="flex_2">最大遗漏</span>
								<span>-</span>
								<template v-for='(item,index) in parityOther.maxMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_black">
								<span class="flex_2">最大连出</span>
								<span>-</span>
								<template v-for='(item,index) in parityOther.maxContinuous'>
									<span>{{item}}</span>
								</template>
							</li>
						</ul>
					</div>
				</div>
				<div :class="currentNav==11?'page page11 active pageTit':'page page11 pageTit'" style="width:3050px;">
					<div class="nav-com">
						<div class="nav-item" style="display: block;">
							<div class="tit-record">
								<span :class="spanSort?'icon_jt_down flex_2':'icon_jt flex_2'" @click='sortData(span,currentNav)'><p>期次</p></span>
								<span><p>星<br>期</p></span>
								<span class="line40"><p>和值</p></span>
								<span class="line40"><p>跨度</p></span>
								<span class="flex_28">
									<p>总跨度走势</p>
									<div>
										<p>5</p>
										<p>6</p>
										<p>7</p>
										<p>8</p>
										<p>9</p>
										<p>10</p>
										<p>11</p>
										<p>12</p>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
										<p>17</p>
										<p>18</p>
										<p>19</p>
										<p>20</p>
										<p>21</p>
										<p>22</p>
										<p>23</p>
										<p>24</p>
										<p>25</p>
										<p>26</p>
										<p>27</p>
										<p>28</p>
										<p>29</p>
										<p>30</p>
										<p>31</p>
										<p>32</p>
									</div>
								</span>
								<span class="flex_9">
									<p>跨度形态分析</p>
									<div>
										<p>大</p>
										<p>小</p>
										<p>奇</p>
										<p>偶</p>
										<p>质</p>
										<p>合</p>
										<p>0</p>
										<p>1</p>
										<p>2</p>
									</div>
								</span>
								<span class="line40">
									<p>振幅</p>
								</span>
								<span class="flex_28">
									<p>振幅走势</p>
									<div>
										<p>0</p>
										<p>1</p>
										<p>2</p>
										<p>3</p>
										<p>4</p>
										<p>5</p>
										<p>6</p>
										<p>7</p>
										<p>8</p>
										<p>9</p>
										<p>10</p>
										<p>11</p>
										<p>12</p>
										<p>13</p>
										<p>14</p>
										<p>15</p>
										<p>16</p>
										<p>17</p>
										<p>18</p>
										<p>19</p>
										<p>20</p>
										<p>21</p>
										<p>22</p>
										<p>23</p>
										<p>24</p>
										<p>25</p>
										<p>26</p>
										<p>27</p>
									</div>
								</span>
							</div>
							<div class="com-record">
								<ul>
									<li v-for='(item,index) in span' :key='index'>
										<span class="flex_2">{{item.periodId}}</span>
										<span>{{item.weekDay}}</span>
										<template v-for='(items,indexs) in item.origin'>
											<span v-if='items == 0' :class="indexs>29&&indexs<39?indexs%2==0?'cur_d':'cur_x':indexs==39?'':'cur_bf'"><font>{{spanIndex[indexs]}}</font></span>
											<span v-else>{{items}}</span>
										</template>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="zd-box">
						<ul>
							<li class="color_red">
								<span class="flex_2">出现次数</span>
								<span>-</span>
								<template v-for='(item,index) in spanOther.appearCount'>
									<span>{{item}}</span>
								</template>
							</li>
							<li class="color_gray">
								<span class="flex_2">平均遗漏</span>
								<span>-</span>
								<template v-for='(item,index) in spanOther.avgMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_blue">
								<span class="flex_2">最大遗漏</span>
								<span>-</span>
								<template v-for='(item,index) in spanOther.maxMiss'>
									<span>{{item}}</span>
								</template>
							</li>
							<li  class="color_black">
								<span class="flex_2">最大连出</span>
								<span>-</span>
								<template v-for='(item,index) in spanOther.maxContinuous'>
									<span>{{item}}</span>
								</template>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer class="footer">
		<span :class="currentNum==30?'hover':''" @click='changeBasicData(30,data)'>30期</span>
		<span :class="currentNum==50?'hover':''" @click='changeBasicData(50,data)'>50期</span>
		<span :class="currentNum==100?'hover':''" @click='changeBasicData(100,data)'>100期</span>
	</footer>
  </div>
</template>

<script>
import zstHeader from './head'
import {getTrend} from '@/api/user'
import { Toast } from 'vant';
export default {
	data() {
	    return {
	    	title:'',
	    	data:{},
	    	basic:[],
	    	basicOther:{},
	    	redBall:[],
	    	redBallOther:{},
	    	blueBall:[],
	    	blueBallOther:{},
	    	continuous:[],
	    	continuousOther:{},
	    	Sunday:[],
	    	SundayOther:{},
	    	Thursday:[],
	    	ThursdayOther:{},
	    	Tuesday:[],
	    	TuesdayOther:{},
	    	bigOrSmall:[],
	    	bigOrSmallOther:{},
	    	parity:[],
	    	parityOther:{},
	    	repeat:[],
	    	repeatOther:{},
	    	span:[],
	    	spanOther:{},
	    	currentNum:30,
	    	currentNav:'1',

	    	basicSort:false,
	    	redBallSort:false,
	    	blueBallSort:false,
	    	continuousSort:false,
	    	repeatSort:false,
	    	SundaySort:false,
	    	ThursdaySort:false,
	    	TuesdaySort:false,
	    	bigOrSmallSort:false,
	    	paritySort:false,
	    	spanSort:false,

			bigOrSmallIndex:['大','小','大','小','大','小','大','小','大','小','大','小','0:6','1:5','2:4','3:3','4:2','5:1','6:0','大','小'],
			parityIndex:['奇','偶','奇','偶','奇','偶','奇','偶','奇','偶','奇','偶','0:6','1:5','2:4','3:3','4:2','5:1','6:0','奇','偶'],
			spanIndex:['0','0','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27','28','29','30','31','32','大','小','奇','偶','质','合','0','1','2','0','0','1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27']
	    }
	},
	props:['gid','currentNavs'],
	components:{
		zstHeader,
		// [Dialog.Component.name]: Dialog.Component,
	},
	watch: {
	　　　'$route' (to, from) {
			this.getInfo()
		}
	　　　　　
	},
	methods:{
		getData(gid){
			getTrend({"gid":gid}).then((v)=>{
				let data = v.data;
				let status = data.status,mess = data.message;
				if (status === "_0000") {
					data = data.data;
					let hot = [],hot100=[],hot30 = [];
					this.basicOther = {
						appearCount:data.basic.appearCount.split(','),
						avgMiss:data.basic.avgMiss.split(','),
						blueAppearCount:data.basic.blueAppearCount.split(','),
						blueAvgMiss:data.basic.blueAvgMiss.split(','),
						blueMaxContinuous: data.basic.blueMaxContinuous.split(','),
						blueMaxMiss: data.basic.blueMaxMiss.split(','),
						maxContinuous:data.basic.maxContinuous.split(','),
						maxMiss: data.basic.maxMiss.split(','),
					}
					this.redBallOther = {
						appearCount:data.redBall.appearCount.split(','),
						avgMiss:data.redBall.avgMiss.split(','),
						maxContinuous:data.redBall.maxContinuous.split(','),
						maxMiss: data.redBall.maxMiss.split(','),
					}
					let blues = data.blueBall;
					this.blueBallOther = {
						appearCount:[].concat('-',blues.basicAppearCount.split(','),blues.bigOrSmallAppearCount.split(','),blues.parityAppearCount.split(','),blues.than012AppearCount.split(','),blues.coldOrHotAppearCount.split(','),blues.regionAppearCount.split(','),['-','-'],blues.mantissaAppearCount.split(',')),
						avgMiss:[].concat('-',blues.basicAvgMiss.split(','),blues.bigOrSmallAvgMiss.split(','),blues.parityAvgMiss.split(','),blues.than012AvgMiss.split(','),blues.coldOrHotAvgMiss.split(','),blues.regionAvgMiss.split(','),['-','-'],blues.mantissaAvgMiss.split(',')),
						maxContinuous:[].concat('-',blues.basicMaxContinuous.split(','),blues.bigOrSmallMaxContinuous.split(','),blues.parityMaxContinuous.split(','),blues.than012MaxContinuous.split(','),blues.coldOrHotMaxContinuous.split(','),blues.regionMaxContinuous.split(','),['-','-'],blues.mantissaMaxContinuous.split(',')),
						maxMiss:[].concat('-',blues.basicMaxMiss.split(','),blues.bigOrSmallMaxMiss.split(','),blues.parityMaxMiss.split(','),blues.than012MaxMiss.split(','),blues.coldOrHotMaxMiss.split(','),blues.regionMaxMiss.split(','),['-','-'],blues.mantissaMaxMiss.split(',')),
					}
					let continuous = data.continuous;
					this.continuousOther = {
						appearCount:continuous.appearCount.split(','),
						avgMiss:continuous.avgMiss.split(','),
						maxContinuous:continuous.maxContinuous.split(','),
						maxMiss: continuous.maxMiss.split(','),
					}
					let repeat = data.repeat;
					this.repeatOther = {
						appearCount:repeat.appearCount.split(','),
						avgMiss:repeat.avgMiss.split(','),
						maxContinuous:repeat.maxContinuous.split(','),
						maxMiss: repeat.maxMiss.split(','),
					}
					let Tuesday = data.Tuesday;
					this.TuesdayOther = {
						appearCount:Tuesday.appearCount.split(','),
						avgMiss:Tuesday.avgMiss.split(','),
						maxContinuous:Tuesday.maxContinuous.split(','),
						maxMiss: Tuesday.maxMiss.split(','),
					}
					let Thursday = data.Thursday;
					this.ThursdayOther = {
						appearCount:Thursday.appearCount.split(','),
						avgMiss:Thursday.avgMiss.split(','),
						maxContinuous:Thursday.maxContinuous.split(','),
						maxMiss: Thursday.maxMiss.split(','),
					}
					let Sunday = data.Sunday;
					this.SundayOther = {
						appearCount:Sunday.appearCount.split(','),
						avgMiss:Sunday.avgMiss.split(','),
						maxContinuous:Sunday.maxContinuous.split(','),
						maxMiss: Sunday.maxMiss.split(','),
					}
					let bigOrSmall = data.bigOrSmall;
					this.bigOrSmallOther = {
						appearCount:bigOrSmall.appearCount.split(',').concat(bigOrSmall.scoreAppearCount.split(','),bigOrSmall.blueAppearCount.split(',')),
						avgMiss:bigOrSmall.avgMiss.split(',').concat(bigOrSmall.scoreAvgMiss.split(','),bigOrSmall.blueAvgMiss.split(',')),
						maxContinuous:bigOrSmall.maxContinuous.split(',').concat(bigOrSmall.scoreMaxContinuous.split(','),bigOrSmall.blueMaxContinuous.split(',')),
						maxMiss: bigOrSmall.maxMiss.split(',').concat(bigOrSmall.scoreMaxMiss.split(','),bigOrSmall.blueMaxMiss.split(',')),
					}
					let parity = data.parity;
					this.parityOther = {
						appearCount:parity.appearCount.split(',').concat(parity.scoreAppearCount.split(','),parity.blueAppearCount.split(',')),
						avgMiss:parity.avgMiss.split(',').concat(parity.scoreAvgMiss.split(','),parity.blueAvgMiss.split(',')),
						maxContinuous:parity.maxContinuous.split(',').concat(parity.scoreMaxContinuous.split(','),parity.blueMaxContinuous.split(',')),
						maxMiss: parity.maxMiss.split(',').concat(parity.scoreMaxMiss.split(','),parity.blueMaxMiss.split(',')),
					}
					let span = data.span;
					this.spanOther = {
						appearCount:span.appearCount.split(','),
						avgMiss:span.avgMiss.split(','),
						maxContinuous:span.maxContinuous.split(','),
						maxMiss: span.maxMiss.split(','),
					}
					this.data = data;
					this.changeBasicData(30,data);
				}else{
					Toast(mess)
				}
			})
		},
		changeBasicData(num,v){
			let data = v;
			let basicData =  data.basic.trend.slice(0,num),
				redBallData = data.redBall.trend.slice(0,num),
				blueBallData = data.blueBall.trend.slice(0,num),
				continuousData = data.continuous.trend.slice(0,num),
				repeatData = data.repeat.trend.slice(0,num),
				TuesdayData = data.Tuesday.trend.slice(0,num),
				ThursdayData = data.Thursday.trend.slice(0,num),
				SundayData = data.Sunday.trend.slice(0,num),
				bigOrSmallData = data.bigOrSmall.trend.slice(0,num),
				parityData = data.parity.trend.slice(0,num),
				spanData = data.span.trend.slice(0,num);
			this.currentNum = num
			basicData = basicData.map((v,index)=>{
				let datas = {}
				Object.assign(datas,v,{'origin':v.origin.split(','),'num':index,blueOrigin:v.blueOrigin.split(',')});
				return datas
			})
			redBallData = redBallData.map((v,index)=>{
				let datas = {}
				Object.assign(datas,v,{'origin':v.origin.split(','),'num':index});
				return datas
			})
			blueBallData = blueBallData.map((v,index)=>{
				let datas = {}
				Object.assign(datas,v,{
					'baiscOrigin':v.baiscOrigin.split(','),
					'bigOrSmallOrigin':v.bigOrSmallOrigin.split(','),
					'parityOrigin':v.parityOrigin.split(','),
					'than012Origin':v.than012Origin.split(','),
					'coldOrHotOrigin':v.coldOrHotOrigin.split(','),
					'regionOrigin':v.regionOrigin.split(','),
					'mantissaOrigin':v.mantissaOrigin.split(','),
					'num':index
					}
				);
				return datas
			})
			continuousData = continuousData.map((v,index)=>{
				let datas = {}
				Object.assign(datas,v,{
					'origin':v.origin.split(','),
					'num':index
					}
				);
				return datas
			})
			repeatData = repeatData.map((v,index)=>{
				let datas = {}
				Object.assign(datas,v,{
					'origin':v.origin.split(','),
					'num':index
					}
				);
				return datas
			})
			TuesdayData = TuesdayData.map((v,index)=>{
				let datas = {}
				Object.assign(datas,v,{
					'origin':v.origin.split(','),
					'num':index
					}
				);
				return datas
			})
			ThursdayData = ThursdayData.map((v,index)=>{
				let datas = {}
				Object.assign(datas,v,{
					'origin':v.origin.split(','),
					'num':index
					}
				);
				return datas
			})
			SundayData = SundayData.map((v,index)=>{
				let datas = {}
				Object.assign(datas,v,{
					'origin':v.origin.split(','),
					'num':index
					}
				);
				return datas
			})
			bigOrSmallData = bigOrSmallData.map((v,index)=>{
				let datas = {}
				Object.assign(datas,v,{
					'origin':v.origin.split(',').concat(v.score.split(','),v.blueOrigin.split(',')),
					'num':index
					}
				);
				return datas
			})
			parityData = parityData.map((v,index)=>{
				let datas = {}
				Object.assign(datas,v,{
					'origin':v.origin.split(',').concat(v.score.split(','),v.blueOrigin.split(',')),
					'num':index
					}
				);
				return datas
			})
			spanData = spanData.map((v,index)=>{
				let datas = {}
				Object.assign(datas,v,{
					'origin':v.origin.split(','),
					'num':index
					}
				);
				return datas
			})
			this.basic = basicData
			this.redBall = redBallData
			this.blueBall = blueBallData
			this.continuous = continuousData
			this.repeat = repeatData
			this.Tuesday = TuesdayData
			this.Thursday =ThursdayData
			this.Sunday =SundayData
			this.bigOrSmall = bigOrSmallData
			this.parity = parityData
			this.span = spanData
			
		},
		sortData(data,current){
			if (current==1) {
				this.basicSort = !this.basicSort
			}
			if (current==2) {
				this.redBallSort = !this.redBallSort
			}
			if (current==3) {
				this.blueBallSort = !this.blueBallSort
			}
			if (current==4) {
				this.continuousSort = !this.continuousSort
			}
			if (current==5) {
				this.repeatSort = !this.repeatSort
			}
			if (current==6) {
				this.TuesdaySort = !this.TuesdaySort
			}
			if (current==7) {
				this.ThursdaySort = !this.ThursdaySort
			}
			if (current==8) {
				this.SundaySort = !this.SundaySort
			}
			if (current==9) {
				this.bigOrSmallSort = !this.bigOrSmallSort
			}
			if (current==10) {
				this.paritySort = !this.paritySort
			}
			if (current==11) {
				this.spanSort = !this.spanSort
			}
			data.sort(function(a,b){
				if (Number(a.num)-Number(b.num)>0) {
					return Number(b.num)-Number(a.num);
				}else{
					return Number(a.num)-Number(b.num);
				}
				
			})
		},
		getInfo(){//初使化
			this.currentNav = this.currentNavs;
			this.title = this.lottery[this.gid].name;
			this.getData(this.gid);
		},
		checkValSame(val){
			let arr = val.split(':');
			let arrLen = arr.length;
			let i = 0;
			arr.map(v=>{
				if (v!==arr[0]) {
					i++
				}
			});
			if (i==0) {
				return true
			}else{
				return false;
			}
		}

	},
	created(){
		this.getInfo();

	},
	mounted () {
		var tab=document.getElementById("demo");
		let currentNavs = this.currentNav;
		tab.scrollLeft=(currentNavs-1)*90;
	}
};
</script>

<style lang="less" scoped>
	@import './style.less';
</style>

